<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/content/themes/gray/easyui.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/content/themes/icon/icon.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/content/css/Index.css" />
<script src="${pageContext.request.contextPath}/script/Jquery/jquery-1.11.0.min.js"></script>
<script src="${pageContext.request.contextPath}/script/Easyui/jquery.easyui.min.js"></script>
<script src="${pageContext.request.contextPath}/script/Easyui/easyui-lang-zh_CN.js"></script>
<script src="${pageContext.request.contextPath}/script/Common/utils.js"></script>
<script src="${pageContext.request.contextPath}/script/Common/common.js"></script>
<script src="${pageContext.request.contextPath}/script/Common/index.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录系统</title>
<script type="text/javascript">
	function resetValue(){
		document.getElementById("userName").value="";
		document.getElementById("password").value="";
		document.getElementById("user").value="";
	}

	</script>
</head>
<body  background="Images/1.png" background-size="cover" >
<%@ page import="java.net .*" %>
<%
String message="";
String msg=(String)request.getAttribute("msg");
if(msg!=null){
	message=msg;
}
%>

<%
String uname="";
//获取cookie中的值
Cookie[] cookies=request.getCookies();
if(cookies!=null){
	for(Cookie c:cookies){
		if("uname".equals(c.getName())){
			try {  
                uname = URLDecoder.decode(c.getValue(),"UTF-8"); 
            } catch (Exception e) {  
                e.printStackTrace();  
            } 
		}
	}
}
%>
   <div id="layout" class="easyui-layout" data-options="fit:true,border:false">
   <div data-options="region:'north',split:false" style="height: 55px; background-image: url('${pageContext.request.contextPath}/Images/9.png'); background-size: cover; overflow: hidden;"> 
   <div style="float: left; margin-left: 10px; margin-top: 5px"><img src="Images/xiaohui.jpg"/></div>
   <div style="float: left; margin-left: 20px;">
               <h1 style="font-family:楷体;">武汉理工大学机电学院实验室管理系统</h1>
   </div>
   </div>
   <div style="float: left; margin-left: 50px; margin-top:190px"><img src="Images/2.png"/></div>
    <div style="float: left; margin-left: 200px; margin-top:220px;height: 210px;width:300px; background-image: url('${pageContext.request.contextPath}/Images/3.png'); background-size: cover; overflow: hidden;">
    <div style="float: left; margin-left: 16px; margin-top:20px;">
    <form action="/GlabManager/MainServlet" method="post">
	<font ><%= message%></font>
		<table width="250" height="180"> 
			<tr >
			   <td >
			   <div style="float: left;width:260px;height:40px;background-image: url('${pageContext.request.contextPath}/Images/4.png'); background-size: cover; overflow: hidden;" >
			   <div style="float: left; margin-top:5px;">&nbsp;<img src="Images/6.png"/>&nbsp;<input type="text" autocomplete="off" value="<%=uname%>" name="userName" id="userName" style="color:#fff;background:transparent;border:0px;width:200px;height:40px;outline:none; "/></div>
			   </div>
			   </td>
			</tr >
			<tr align="right">
			   <td>
			   <div style="float: left;width:260px;height:40px;background-image: url('${pageContext.request.contextPath}/Images/4.png'); background-size: cover; overflow: hidden;" >
			    <div style="float: left; margin-top:5px;">&nbsp;<img src="Images/7.png"/>&nbsp;<input type="password" value="${password}" name="password" id="password" style="color:#fff;background:transparent;border:0px;width:200px;height:35px;outline:none; "/></div>
			   </div>
			   </td>
			</tr>
			<tr align="center">
	           <td>
	           &nbsp;
			   <input type="image" src="Images/5.png" value="登录"/>
			   </td> 
			</tr>
		</table>
	</form>
	</div>
    </div>
    
    <div data-options="region:'south',split:false" style="height: 20px; background-image: url('${pageContext.request.contextPath}/Images/8.png'); background-size: cover; overflow: hidden;"> 
    <div style="float: left;margin-left: 550px">
          <font style="font-family:楷体;">开发技术支持--武汉理工大学</font>
   </div>
    </div>
    </div>
   

</body>
</html>